:root {
    --active-color-: #0b72f4;
    --active-color2-: #1e51c5;
    --activity-competition-bg1-: #c73b40;
    --activity-competition-bg2-: #2a3f87;
    --activity-competition-bg3-: #0971f4;
    --activity-competition-font-: #fff;
    --activity-competition-head-: #fff;
    --activity-sign-ban-left-: #0a1439;
    --activity-sign-ban-right-: #ff8746;
    --activity-sign-item-bg-: #0a1439;
    --activity-sign-item-head1-: rgba(66, 46, 143, 0.4);
    --activity-sign-item-head2-: hsla(0, 0%, 100%, 0.4);
    --archive-border-color-: rgb(30 41 59 / var(--tw-bg-opacity, 1));
    --bg-block-blue-: #2a3f87;
    --bg-color-: #0d0d0d;
    --bg-color2-: #030734;
    --bg-color3-: #0b1131;
    --bg-color4-: #0a1439;
    --bg-dialog-: #0a1439;
    --bg-dialog2-: #171a45;
    --bg-gradient-black-06-: rgba(13, 10, 19, 0.6);
    --bg-gradient-blue-06-: rgba(30, 81, 197, 0.6);
    --bg-gradient-l-01-: rgba(30, 81, 197, 0.1);
    --bg-gradient-l-03-: rgba(30, 81, 197, 0.3);
    --bg-gradient-r-01-: rgba(255, 0, 0, 0.1);
    --bg-gradient-r-03-: rgba(255, 0, 0, 0.3);
    --bg-gradient-red-06-: rgba(216, 42, 42, 0.6);
    --bg-head-: #050a23;
    --bg-head2-: #420d25;
    --bg-image1: linear-gradient(180deg, var(--bg-color-), var(--bg-color2-));
    --bg-image2: linear-gradient(180deg, var(--bg-head-), var(--bg-head2-));
    --bg-image3: linear-gradient(90deg, var(--card-gradient-t-), var(--card-gradient-b-));
    --bg-item-content-l-: rgba(11, 114, 244, 0.1);
    --bg-item-content-r-: rgba(7, 7, 17, 0.1);
    --bg-label-: hsla(0, 0%, 100%, 0.08);
    --bg-page-ban-b-: rgba(255, 0, 0, 0.1);
    --bg-page-ban-t-: rgba(30, 81, 197, 0.1);
    --border-color-: #2a3f87;
    --border-color-active-: #657ad7;
    --border-color2-: hsla(0, 0%, 100%, 0.08);
    --btn-bg-: #2a3f87;
    --btn-font-: #fff;
    --btn-hover-: rgba(199, 59, 64, 0.6);
    --card-gradient-b-: #c73b40;
    --card-gradient-t-: #0971f4;
    --color-blue1-: #0b72f4;
    --color-blue2-: #b4d5ff;
    --color-pink-: #ff8c8c;
    --font-color-: #fff;
    --font-color2-: #b4d5ff;
    --font-color3-: #cecece;
    --font-color4-: rgba(161, 168, 209, 0.4);
    --font-placeholder-: #cecece;
    --green-color-: #5eff84;
    --header-font-color2-: #fff;
    --heading-color-: #7f6eff;
    --heading-color2-: #998cff;
    --hover-bg-: rgba(30, 81, 197, 0.5);
    --input-bg-: #070711;
    --item-content-: #070711;
    --item-content2-: #0a1439;
    --item-maintain-: rgba(42, 36, 35, 0.6);
    --item-shadow-: rgba(255, 199, 3, 0.5);
    --item-shadow2-: rgb(0 85 255 / 10%);
    --menu-bg-: #080810;
    --menu-font-: #b4d5ff;
    --menu-font-active-: #ff4c52;
    --menu-hover-bg-: rgba(30, 81, 197, 0.1);
    --progress-bg-: rgba(7, 7, 17, 0.6);
    --red-color-: #ff4c52;
    --scrollbar-bg-: hsla(0, 0%, 100%, 0.08);
    --tab-bar-font-: #fff;
    --tab-bar-font-active-: #ff4c52;
    --table-tr-even-: #0c0f23;
    --table-tr-odd-: #070711;
}


body,
.ast-plain-container,
.ast-page-builder-template {
    color: var(--font-color3-);
    background-image: var(--bg-image1);
    background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-content :where(h1, h2, h3, h4, h5, h6),
.ast-archive-title {
    color: var(--font-color-);
}

a,
.entry-title a,
.ast-builder-menu-1 .menu-item>.menu-link,
.page-links .page-link,
.single .post-navigation a {
    color: var(--font-color2-);
}

a:hover,
.entry-title a:hover,
.ast-builder-menu-1 .menu-item>.menu-link:hover,
.page-links .page-link:hover,
.single .post-navigation a:hover {
    color: var(--font-color-);
}

.entry-meta,
.entry-meta * {
    color: var(--font-color3-);
}

.entry-meta a:not(.ast-button):hover,
.entry-meta a:not(.ast-button):hover *,
.entry-meta a:not(.ast-button):focus,
.entry-meta a:not(.ast-button):focus * {
    color: var(--font-color-);
}

.ast-builder-layout-element .ast-custom-button {
    color: var(--font-color-);
    background-image: var(--bg-image3);
}

.ast-builder-layout-element .ast-custom-button:hover {
    color: var(--font-color-);
    background-image: var(--bg-image3);
}

/* Header */
header.site-header {
    top: 0;
    position: sticky;
}

header .ast-primary-header-bar {
    background: none;
    border: none;
}

header .ast-primary-header-bar::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--bg-head-), var(--bg-head2-));
}

.main-header-bar .main-header-bar-navigation {
    display: none;
}

.ast-header-break-point header .ast-primary-header-bar {
    border: none;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    color: var(--font-color-);
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    fill: var(--font-color-);
}

@media (max-width: 921px) {

    .ast-builder-menu-mobile .main-navigation .main-header-menu,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background-color: var(--bg-head-);
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item>.menu-link {
        color: var(--font-color3-);
        background: var(--bg-head-);
    }

    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item:hover>.menu-link,
    .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover>.ast-menu-toggle {
        color: var(--font-color-);
        background: var(--hover-bg-);
    }

}

/* Content */
#content .ast-container {
    padding: 0;
}

#content #primary,
#content #secondary {
    margin: 0;
    border: none;
}

#content #primary {
    width: 84.5%;
    padding: 0 50px;
}

@media (max-width: 921px) {
    #content #primary {
        width: 100%;
        padding: 0 1rem;
    }
}

.single #content #primary {
    padding-top: 50px;
    padding-bottom: 50px;
}

#content #secondary {
    width: 15.5%;
    padding: 0;
    background-image: var(--bg-image2);
    background-attachment: fixed;
}

@media (max-width: 921px) {
    #content #secondary {
        display: none;
    }
}

/* menu */
#content #secondary .sidebar-main {
    position: sticky;
    top: 100px;
}

#content #secondary .menu-item {
    position: relative;
    overflow: hidden;
}

#content #secondary .menu-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, transparent, var(--active-color-));
}

#content #secondary .menu-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, transparent, var(--active-color-));
}

@keyframes menu-flow-right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(200%);
    }
}

@keyframes menu-flow-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-200%);
    }
}

#content #secondary .menu-item:hover::before {
    animation: menu-flow-right 1.5s linear infinite;
}

#content #secondary .menu-item:hover::after {
    animation: menu-flow-left 1.5s linear infinite;
}

#content #secondary .menu-item a {
    display: block;
    padding: 15px 15%;
}

#content #secondary .menu-item:hover,
#content #secondary .menu-item a:hover {
    background-color: var(--menu-hover-bg-);
}

#content #secondary .menu-item.current-menu-item a {
    color: var(--menu-font-active-);
    background-color: var(--hover-bg-);
}

/* footer */
.site-below-footer-wrap[data-section="section-below-footer-builder"] {
    background: none;
    border: none;
}

.ast-footer-copyright.site-footer-focus-item {
    font-size: 1rem;
}




.ast-row .ast-article-inner {
    background-color: var(--bg-color4-);
    padding: 1rem;
}

body.archive .ast-archive-description {
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-color: var(--archive-border-color-);
}

.wp-singular .site-main .elementor-element {
    color: var(--font-color-);
}

.wp-singular .site-main .elementor-element .elementor-heading-title {
    padding: 1rem;
    color: var(--font-color-);
}

.wp-singular .site-main .elementor-element ul li a,
.wp-singular .site-main .elementor-element .elementor-icon-list-text,
.wp-singular .site-main .elementor-element .elementor-icon-list-text a {
    color: var(--font-color2-);
}

.wp-singular .site-main .elementor-element ul li a:hover,
.wp-singular .site-main .elementor-element .elementor-icon-list-text:hover,
.wp-singular .site-main .elementor-element .elementor-icon-list-text a:hover {
    color: var(--font-color-);
}

.wp-singular .site-main h2 {
    color: var(--heading-color-);
}

.wp-singular .site-main h3 {
    color: var(--heading-color2-);
}

.wp-singular .site-main table {
    background-color: var(--bg-gradient-black-06-) !important;
}

.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {
    border-color: var(--bg-gradient-blue-06-);
}


.wp-singular .site-main .elementor-element span.post-navigation__next--label,
.wp-singular .site-main .elementor-element span.post-navigation__prev--label {
    color: var(--font-color2-);
}

.wp-singular .site-main .elementor-element span.post-navigation__next--label:hover,
.wp-singular .site-main .elementor-element span.post-navigation__prev--label:hover {
    color: var(--font-color-);
}

.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card {
    background-color: var(--bg-color4-);
}

.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card h3.elementor-post__title a {
    color: var(--font-color2-);
}

.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card h3.elementor-post__title a:hover,
.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card h3.elementor-post__title a:focus {
    color: var(--font-color-);
}

.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card .elementor-post__excerpt {
    color: var(--font-color3-);
}

.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card a.elementor-post__read-more {
    color: var(--font-color3-);
}

.wp-singular .site-main .elementor-widget-container .elementor-posts .elementor-post .elementor-post__card a.elementor-post__read-more:hover {
    color: var(--font-color-);
}

.wp-singular .site-main nav.elementor-pagination {
    padding: 1rem;
}


.wp-singular .site-main .elementor-element.elementor-widget.elementor-widget-post-navigation,
.e-con.e-con>.e-con-inner>.elementor-widget .elementor-posts .elementor-post__card .elementor-post__meta-data {
    border-color: var(--border-color-);
}

.wp-singular .site-main .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--bg-color4-);
}


/* Elementor */
.gsbet-proof {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
}

.gsbet-proof__card {
    background: var(--bg-color4-);
    border: 1px solid var(--border-color-);
    border-radius: 14px;
    padding: 18px 18px;
    box-shadow: 0 10px 24px var(--shadow-color-);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.gsbet-proof__card:hover {
    transform: translateY(-2px);
    border-color: var(--active-color-);
    box-shadow: 0 14px 30px var(--shadow-color-);
}

.gsbet-proof__card--wide {
    grid-column: 1 / -1;
}

.gsbet-proof__title {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--font-color-);
    display: flex;
    align-items: center;
    gap: 10px;
}

.gsbet-proof__title::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--bg-gradient-red-06-);
    box-shadow: 0 0 0 6px var(--bg-gradient-r-03-);
    flex: none;
}

.gsbet-proof__text {
    margin: 0;
    color: var(--font-color-);
    font-size: 15px;
    line-height: 1.85;
}

.gsbet-proof__text+.gsbet-proof__text {
    margin-top: 10px;
}

.gsbet-proof__link {
    color: var(--font-color-);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color-);
    padding-bottom: 1px;
    font-weight: 700;
}

.gsbet-proof__link:hover {
    border-bottom-color: var(--active-color-);
}

@media (max-width: 1024px) {
    .gsbet-proof {
        grid-template-columns: 1fr;
    }

    .gsbet-proof__card--wide {
        grid-column: auto;
    }
}

@media (max-width: 480px) {
    .gsbet-proof__card {
        padding: 16px 16px;
    }

    .gsbet-proof__title {
        font-size: 17px;
    }

    .gsbet-proof__text {
        font-size: 14px;
    }
}

/* Game Grid Styles */
.game-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(7rem, 100%), 1fr));
    container-type: inline-size;
    gap: 16px;
    padding: 1rem 0;
}

.game-grid-item.wp-block-group {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    transition: transform 0.2s ease;
    gap: 0;
}

.game-grid-item:hover {
    transform: translateY(-4px);
}

.game-grid-item figure.wp-block-image.size-full {
    background-color: var(--bg-color4-);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.game-grid-item figure.wp-block-image.size-full a {
    display: block;
}

.game-grid-item figure.wp-block-image.size-full a img {
    max-height: 145px;
}

.game-grid-title {
    display: block;
    width: 100%;
    background-color: var(--item-content-);
    color: var(--font-color2-);
    text-align: center;
    padding: 8px 4px;
    font-size: 14px;
    border-radius: 6px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.game-grid-item:hover .game-grid-title {
    color: var(--font-color-);
    background-color: var(--hover-bg-);
}

@media (max-width: 1024px) {
    .game-grid-container {
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
    }
}

@media (max-width: 768px) {
    .game-grid-container {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .game-grid-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .game-grid-title {
        font-size: 13px;
        padding: 6px 4px;
    }
}